<?php
use yii\helpers\Url;

$web = Url::base();
$host = \Yii::$app->request->hostInfo;
$scriptUrl = \Yii::$app->request->scriptUrl;
?>

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>申请开通</title>
    <link rel="stylesheet" type="text/css" href="<?= $web ?>/css/mall/apply-for-institution.css"/>
    <script src="<?= $web ?>/js/mall/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="<?= $web ?>/js/tools.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            $(".focus").focus();
        })
    </script>
    <style>
        .m-btn {
            width: 120px;
            float: right;
            display: block;
            font-size: 16px;
            text-align: center;
            line-height: 45px;
            border-left: 1px solid #dedfdf;
            color: #e56069;
        }

        .m-btn:active {
            background: #dedfdf;
        }

        * {
            margin: 0;
            padding: 0;
        }

        html {
            font-size: 20px;
        }

        .await-window .shade {
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0);
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999;
        }

        .await-window .window-content {
            width: 250px;
            height: 250px;
            border-radius: 10px;
            background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -125px;
            margin-top: -125px;
            z-index: 9999;
        }

        @keyframes animate1 {
            100% {
                transform: rotate(360deg);
            }
        }

        @-webkit-keyframes animate1 {
            100% {
                transform: rotate(360deg);
            }
        }

        .await-window .window-content img {
            width: 60px;
            height: 60px;
            margin-left: 94px;
            margin-top: 64px;
            animation: animate1 2s linear infinite;
            -webkit-animation: animate1 1s linear infinite;
        }

        .await-window .window-content p {
            font-size: 22px;
            font-family: "微软雅黑";
            color: #FFFFFF;
            text-align: center;
            margin-top: 40px;
        }
    </style>
</head>

<body>
<div class="header">
    <div class="logo">
        <a href="http://www.dorabox.com.cn/site/home.html"><img
                src="http://dorabox.img-cn-shanghai.aliyuncs.com/www/page0-logo.png"/></a>
    </div>
    <div class="nav">
        <ul>
            <li>
                <a href="http://www.dorabox.com.cn/site/home.html" target="_blank">首页</a>
            </li>
            <li>
                <a href="http://www.dorabox.com.cn/site/about.html" target="_blank">关于朵拉</a>
            </li>
            <li>
                <a href="http://www.dorabox.com.cn/site/project.html" target="_blank">我们做什么</a>
            </li>
            <li>
                <a href="http://www.dorabox.com.cn/site/service.html" target="_blank">我们如何帮助</a>
            </li>
            <li>
                <a href="http://www.dorabox.com.cn/site/partner.html" target="_blank">我们的合作伙伴</a>
            </li>
            <li>
                <a href="http://i.dorabox.com.cn" target="_blank">平台登录</a>
            </li>
        </ul>
    </div>
</div>
<div class="content">
    <div class="message">
        <p>企业全称：</p>
        <input class="focus" type="text" name="txtName" id="txtName"/>
    </div>
    <div class="message">
        <p>联系人：</p>
        <input type="text" name="txtContacter" id="txtContacter" maxlength="30"/>
    </div>
    <div class="message">
        <script>
            function tel(v) {
                var myreg = /^(\d{11})$/;
                if (myreg.test(v) == false) {
                    alert('请输入有效的手机号码！');
                    return false;
                }
                return true;
            }
        </script>
        <p>联系手机：</p>
        <input type="tel" maxlength="11" name="txtContacterPhone" id="txtPhone"/>
    </div>
    <div class="message">
        <p>验证码：</p>
        <input style="width: 500px" type="text" name="txtVerificationCode" id="txtVerificationCode">
        <a class="m-btn" href="javascript:void(0)" id="btnSmsVerificationCode">获取验证码</a>
        <script>
            $('#btnSmsVerificationCode').click(function () {
                if ($(this).hasClass('get-verification-code-disabled')) {
                    return;
                }

                $(this).addClass('get-verification-code-disabled');
                $(this).text('正在获取...');
                var phone = $('#txtPhone').val().trim();
                if (phone.length == 0) {
                    alert('请输入手机号码');
                    $(this).text('获取验证码');
                    $(this).removeClass('get-verification-code-disabled');
                    $('#txtPhone').focus();
                    return;
                }
                var that = this;
                var url = "<?=$host . $scriptUrl?>" + "/mall-m/send-sms-verification-code-handler";
                requestJson(url, {phone: phone}, true, function (responseData) {
                    if (responseData.status != 0) {
                        $(that).text('获取验证码');
                        $(that).removeClass('get-verification-code-disabled');
                        alert(responseData.message);
                    } else {
                        verifyTimeoutValue = 60;
                        verifyTimeout();
                    }
                }, function () {
                    $(that).text('获取验证码');
                    $(that).removeClass('get-verification-code-disabled');
                });
            });

            var verifyTimeoutValue = 0;
            function verifyTimeout() {
                if (verifyTimeoutValue > 0) {
                    $('#btnSmsVerificationCode').text('重新获取(' + verifyTimeoutValue + ')');
                    verifyTimeoutValue--;
                    setTimeout(verifyTimeout, 1000);
                } else {
                    $('#btnSmsVerificationCode').text('获取验证码');
                    $('#btnSmsVerificationCode').removeClass('get-verification-code-disabled');
                }
            }
        </script>
    </div>
    <div class="message">
        <p>联系地址：</p>
        <input type="text" name="txtAddress" id="txtAddress" maxlength="100"/>
    </div>
</div>
<!------------------------------------------->
<div class="protocol">
    <input id="chk_agree" type="checkbox">
    <p>申请朵拉盒积分平台的同时，我同意：
        <a href="javascript:" class="link">《朵拉盒积分平台服务协议》</a>。</p>
</div>
<div class="protocol-content">
    <a class="close-protocol-btn" href="javascript:"><img src="<?= $web ?>/images/mall/close-protocol-btn.png"/></a>
    <div class="txt">
        <p class="title">朵拉盒积分平台服务协议</p>
        <p class="text">
            本协议是朵拉盒网站用户与朵拉盒所有者重庆鑫泰科技有限责任公司之间就朵拉盒向用户提供朵拉盒积分平台相关服务签订的协议，用户在签署本协议之前应认真阅读全部条款并理解其含义。一旦用户点击“同意”或类似按钮，即视为用户已阅读、理解并完全同意遵守本协议各条款，不得以未阅读或未理解本协议条款为由提出抗辩。如果您不接受本《服务协议》，请不要安装、使用、开通或以其他方式访问我们的服务。</p>
        <p class="caption">知识产权:</p>
        <p class="text">
            1、朵拉盒积分平台由重庆鑫泰科技有限责任公司开发。朵拉盒积分平台的一切版权等知识产权，以及与朵拉盒积分平台相关的所有信息内容，包括但不限于：文字表述及其组合、图标、图饰、图表、色彩、界面设计、版面框架、有关数据、印刷材料、或电子文档等均为重庆鑫泰科技有限责任公司所有，受中国著作权法和国际著作权条约以及其他知识产权法律法规的保护。</p>
        <p class="text">2、 本《服务协议》未明示授权的其他一切权利仍归重庆鑫泰科技有限责任公司所有，您使用其他权利时须另外取得重庆鑫泰科技有限责任公司的书面同意。</p>
        <p class="caption">服务内容:</p>
        <p class="text">
            朵拉盒积分平台的服务内容由重庆鑫泰科技有限责任公司根据实际情况提供给您，我们保留随时修改本《服务协议》的权利，并会在修改后于本页面公布修改后的文本，因此，请经常查看本页。如果您继续使用我们的服务，就视同接受我们对本《服务协议》的修改。
            如因系统维护或升级的需要而需暂停网络服务，我们将尽可能亊先在重要页面进行通告，请您随时留意我们的页面。
            请您就所有文件及数据做好备份，除非专门协议，我们不承担为您或您的用户保存任何文件的责任，因为服务中断或者终止等产生的损失由您及您的用户自行承担。如果因为您的用户向我们索赔以至于我们承担了赔偿责任的，您应当作为最终赔偿责任人。</p>
        <p class="caption">使用规则:</p>
        <p class="text">
            1、你需要在申请开通朵拉盒积分平台时，先同意本《服务协议》，才能使用我们的服务。在您开通时，须要向我们提供准确的企业资料（如企业全称、联系人、联系电话、公司地址等），如您使用服务期间企业资料有所变更，应及时向我们发出书面通知，以便我们能够及时维护您的账户，并为您提供相应服务，否则对于可能造成的损失将由您自行承担，我们也可能利用这些信息来通知您最新的产品更新和市场活动。</p>
        <p class="text">2、如果您通过开通或其他方式使用了本朵拉盒积分平台，则您就认可了该朵拉盒积分平台可由我们随时升级、下载更新和用于改进、增强及进一步开发该开发工具包的其他功能。</p>
        <p class="text">
            3、为使用我们的服务，您在开发并向您的用户提供（无论是否有偿）应用程序时，应当向您的用户至少披露以下内容且取得您用户的明确同意：“本公司开发本应用程序时所对外签署或承诺的任何软件的许可协议条款或服务或隐私协议均对本应用程序的用户产生约束，为本应用程序不可分割的一部分。”以作为您的用户使用您开发的应用程序的必要条款。应当明确的是，您向您的用户实际是否披露且取得他们同意前述条款不影响您承担对外提供应用程序所应承担的责任，均与我们无关。</p>
        <p class="text">4、您不得对本朵拉盒积分平台进行修改、二次创作、反编译或反向工程，或其他提取源代码的尝试以及实施任何涉嫌侵害著作权的行为，除非我们给予您明确的书面认可。</p>
        <p class="text">5、您在使用我们提供的服务时，必须遵循以下原则： （1）不得危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得制作、复制、查阅和传播下列信息： 违反宪法确定的基本原则的；
            危害国家安全，泄漏国家机密，颠覆国家政权，破坏国家统一的； 损害国家荣誉和利益的； 煽动民族仇恨、民族歧视，破坏民族团结的； 破坏国家宗教政策，宣扬邪教和封建迷信的； 散布谣言，扰乱社会秩序，破坏社会稳定的；
            散布或者从事淫秽、色情、赌博、洗钱、暴力、恐怖或者教唆犯罪的； 侮辱或者诽谤他人，侵害他人合法权益的； 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序的； 以非法民间组织名义活动的；
            含有法律、行政法规禁止的其它内容的。</p>
        <p class="text">6、我们保留在任何时候根据适用法律、法规、法律程序或政府要求的需要而披露任何信息，或由我们自主决定全部或部分地编辑、拒绝张贴或删除任何信息或资料的权利。</p>
        <p class="text">
            7、隐私权政策：为了给您提供更好的服务，当您使用或者启动朵拉盒积分平台时，涉及包括用户的相关信息、兑换记录等信息。除了得到您的授权、或者相关政府部门根据法律法规的规定提出要求、或者您违反了本《服务协议》的约定的条款、或者维护我们合法权利的情况外，我们将不会泄露您的任何信息。</p>
        <p class="text">
            8、朵拉盒积分平台的替换、修改和升级：我们保留在任何时候为您提供本朵拉盒积分平台替换、修改、升级版本的权利。同时，您在此同意，为改善您体验，我们有权将公司的其他相关产品绑定在本朵拉盒积分平台上供您下载和安装。</p>
        <p class="text">9、本朵拉盒积分平台可能使用的第三方软件或技术，是受到合法授权的。因第三方软件或技术引发的任何纠纷，由该第三方负责解决，我们不承担任何责任。
            我们不对第三方软件或技术提供客服支持，若您需要获取支持，请与该软件或技术提供商联系。</p>
        <p class="caption">内容所有权:</p>
        <p class="text">您在朵拉盒积分平台上发布的信息内容我们双方共同所有，任何其他组织或个人未经我们授权同意，不得复制、转载、擅改其内容。</p>
        <p class="caption">安全条款:</p>
        <p class="text">
            1、非经我们或我们授权开发并正式发布的其它任何由本朵拉盒积分平台衍生的软件均属非法，下载、安装、使用上述衍生此类软件，将可能导致不可预知的风险，建议您不要轻易下载、安装、使用，由此产生的一切法律责任与纠纷一概与我们无关。</p>
        <p class="text">2、您开通成功后，我们将给予您相应的帐号、密码，该帐号和密码由您负责保管，请您不要将您的帐号、密码转让或出借予他人使用。如您发现您的帐号遭他人非法使用，应立即变更密码并通知我们。</p>
        <p class="text">3、本朵拉盒积分平台同大多数互联网软件一样，可能受到各种安全问题的侵扰，继而影响本朵拉盒积分平台的正常使用等等。您应加强信息安全及用户资料的保护意识，以免遭致损失和骚扰。</p>
        <p class="caption">消费条款：</p>
        <p class="text">1、用户在朵拉盒积分平台的账户不可提现，转账或用于其它业务。由于朵拉盒原因造成的支付相关的问题，由朵拉盒负责协调处理。交易结算以朵拉盒系统及第三方支付系统记录的充值、支付记录为准。</p>
        <p class="text">
            2、为了保证交易安全、结算方便，双方采取交易预付款实时结算模式。业务开展后用户应向付款账户打入交易预付款，朵拉盒根据收到的商城平台订单、发货指令实时扣款、结算。若因一方或双方原因致使对账单发生错误，并因此导致用户多付或少付结算款给朵拉盒，则双方应及时协商纠正该等错误，并由一方根据实际情况多退少补结算款给对方。</p>
        <p class="text">3、应用积分的汇率由用户根据自己产品运营需求自行设置，用户需要对自己的设置结果负责。</p>
        <p class="text">4、用户可根据实际的情况，依据市场价格自主制定平台兑换产品的兑换价格，此价格不作为双方结算的价格依据。</p>
        <p class="text">5、用户需及时补充资金到自己的账户。当用户账户中的可用余额降低为零或低于待发货品结算价格时，朵拉盒有权推迟或拒绝接收发货任务，并不承担未按时发货的责任。</p>
        <p class="caption">法律责任与免责:</p>
        <p class="text">
            1、如您违反本《服务协议》或相关的服务条款的规定，导致或产生的任何第三方向我们及合作公司、关联公司主张的任何索赔、要求或损失，包括合理的诉讼费用和律师费用，您同意赔偿我们及其与合作公司、关联公司，并使之免受损害。对此，我们有权视您的行为性质，采取包括但不限于中断使用许可、停止提供服务、限制使用、法律追究等措施。</p>
        <p class="text">
            2、使用本朵拉盒积分平台涉及到互联网服务，可能会受到各个环节不稳定因素的影响，存在因不可抗力、计算机病毒、黑客攻击、系统不稳定、您所在位置、关机以及其他任何网络、技术、通信线路等原因造成的服务中断或不能满足要求的风险，您须明白并自行承担以上风险，我们不承担任何责任。</p>
        <p class="text">3、您因第三方如电信部门的通讯线路故障、技术问题、网络、电脑故障、系统不稳定性及其他各种不可抗力原因而遭受的经济损失，我们不承担任何责任。</p>
        <p class="text">4、因技术故障等不可抗力事件影响到服务的正常运行的，我们承诺在第一时间内与相关单位配合，及时处理进行修复，但您因此而遭受的经济损失，我们不承担任何责任。</p>
        <p class="caption">其他条款:</p>
        <p class="text">1、本《服务协议》所定的任何条款无论因何种原因完全或部分无效或不具有执行力，不影响其它条款的效力。</p>
        <p class="text">
            2、本《服务协议》的解释、效力及纠纷的解决，适用于中华人民共和国法律。若您和我们之间发生任何纠纷或争议，首先应友好协商解决，协商不成的，您同意将纠纷或争议提交重庆鑫泰科技有限责任公司所在地有管辖权的法院诉讼解决。</p>
    </div>
    <a href="javascript:" class="agree-btn">我同意</a>
</div>
<div class="mask"></div>
<script type="text/javascript">
    $(function () {
        $(".link").click(function () {
            $(".protocol-content,.mask").fadeIn();
            $("body,html").css({height: "100%", overflow: "hidden"});
        });
        $(".close-protocol-btn").click(function () {
            $(".protocol-content,.mask").fadeOut();
            $("body,html").css({overflow: "auto", height: "auto"});
        });
        $("#chk_agree").click(function () {
            if ($('#chk_agree').is(':checked')) {
                $(".btn").css("background", "#ff0040");
                $(".btn").mousedown(function () {
                    $(this).css("background", "#ff5571");
                });
                $(".btn").mouseup(function () {
                    $(this).css("background", "#ff0040");
                });
            } else {
                $(".btn").css("background", "#ccc");
                $(".btn").mousedown(function () {
                    $(this).css("background", "#ccc");
                });
                $(".btn").mouseup(function () {
                    $(this).css("background", "#ccc");
                });
            }
        });
        $(".agree-btn").click(function () {
            $(".protocol-content,.mask").fadeOut();
            $("body,html").css({overflow: "auto", height: "auto"});
            $("#chk_agree").prop("checked", true);
            $(".btn").css("background", "#ff0040");

        });
    });
</script>
<!------------------------------------------->
<a href="javascript:void(0)" class="btn" id="btnSubmit">申请试用</a>

<div class="await-window" style="display: none;">
    <div class="window-content">
        <img
            src=""/>
        <p>正在申请试用</p>
    </div>
    <div class="shade"></div>
</div>
</body>
<script type="text/javascript">
    $(function () {
        $("#btnSubmit").click(function () {

            if (!$('#chk_agree').is(':checked')) {
                alert('您必须先阅读并同意《朵拉盒积分平台服务协议》才能继续申请');
                return false;
            }
            var data = {};
            var isContinue = true;

            var txtName = $("#txtName").val();
            data.txtName = txtName;
            if (txtName == "") {
                alert("企业全称不能为空");
                $("#txtName").focus();
                return false;
            }

            var txtContacter = $("#txtContacter").val();
            data.txtContacter = txtContacter;
            if (txtContacter == "") {
                alert("联系人不能为空");
                $("#txtContacter").focus();
                return false;
            }

            var txtPhone = $("#txtPhone").val();
            data.txtContacterPhone = txtPhone;
            if (txtPhone == "") {
                alert("联系手机不能为空");
                $("#txtPhone").focus();
                return false;
            }

            var txtVerificationCode = $("#txtVerificationCode").val();
            data.txtVerificationCode = txtVerificationCode;
            if (txtVerificationCode == "") {
                alert("验证码不能为空");
                $("#txtVerificationCode").focus();
                return false;
            }

            var txtAddress = $("#txtAddress").val();
            data.txtAddress = txtAddress;
            if (txtAddress == "") {
                alert("联系地址不能为空");
                $("#txtAddress").focus();
                return false;
            }

            //判断手机号码是否已经注册
            var dataPhone = {};
            dataPhone.txtContacterPhone = txtPhone;
            var url = "<?=$host . $scriptUrl?>" + "/mall-m/is-register-phone-handler";
            requestJsonMallM(url, dataPhone, false, function (response) {
                if (response.status == 0) {
                    if (response.data != null) {
                        isContinue = false;
                        if (confirm("该手机号已经注册过，确定要跳转到该手机号的机构页面？")) {
                            window.location.href = 'apply-for-institution-success?account=' + response.data["account"] + "&record_id=" + response.data["record_id"] + "&institution_code=" + response.data["institution_code"];
                            return false;
                        }
                    }
                }
            });

            if (!isContinue) {
                return false;
            }

            $(".await-window").show();
            requestJson('apply-for-institution-form', data, true, function (res) {
                if (res.status == 0) {
                    window.location.href = 'apply-for-institution-success?account=' + res.data["account"] + "&password=" + res.data["password"] + "&record_id=" + res.data["record_id"] + "&institution_code=" + res.data["institution_code"];
                } else {
                    $(".await-window").hide();
                    alert(res.message);
                    return false;
                }
            });
        });
    });
</script>
</html>